﻿<phone:PhoneApplicationPage
    x:Class="TestMatrix.Phone.MatrixDetailsPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="PortraitOrLandscape"  Orientation="Portrait"
    shell:SystemTray.IsVisible="True">

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="Transparent">
        <!--Pivot Control-->
        <phone:Pivot Title="MY APPLICATION" x:Name="DetailsPivot">
            <!--Pivot item one-->
            <phone:PivotItem>
                <Grid x:Name="gridPieChart" Grid.Row="1" Margin="12,0,12,0">
                    <vc:Chart xmlns:vc="clr-namespace:Visifire.Charts;assembly=SLWpVisifire.Charts"
                       Background="Black" LightingEnabled="False" Theme="Theme1" View3D="True" BorderThickness="0" x:Name="PieBugTypeChart">

                        <vc:Chart.Titles>
                            <vc:Title Padding="10" Text="TFS Bug Type"/>
                        </vc:Chart.Titles>

                        <vc:Chart.Legends>
                            <vc:Legend FontSize="15" Background="Black" LightingEnabled="False"/>
                        </vc:Chart.Legends>
                    </vc:Chart>
                </Grid>
            </phone:PivotItem>

            <!--Pivot item two-->
            <phone:PivotItem>
                <Grid x:Name="gridFunnelState" Grid.Row="1" Margin="12,72,12,0">
                    <vc:Chart xmlns:vc="clr-namespace:Visifire.Charts;assembly=SLWpVisifire.Charts"
                  Theme="Theme3" BorderThickness="0" View3D="True" x:Name="FunnelStateChart" Margin="0,-74,0,0">

                        <vc:Chart.Titles>
                            <vc:Title Text="Bug State"/>
                        </vc:Chart.Titles>

                        <vc:Chart.Legends>
                            <vc:Legend VerticalAlignment="Bottom" HorizontalAlignment="Center" FontSize="10"/>
                        </vc:Chart.Legends>
                    </vc:Chart>
                </Grid>
            </phone:PivotItem>
        </phone:Pivot>
    </Grid>

    <!--Sample code showing usage of ApplicationBar-->
    <phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">

        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>

</phone:PhoneApplicationPage>